<div class="animated fadeIn">
  <!--<div class="row" style="padding-top: 30px">-->
    <!--<span class="col-md-2 text-line">-->
     <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="color: #cb2027">*</span>排序:-->
    <!--</span>-->
    <!--<div class="col-md-6">-->
      <!--<input type="number" class="form-control" placeholder="请输入排序" [(ngModel)]="sort">-->
    <!--</div>-->
  <!--</div>-->

  <div class="row" style="padding-top: 30px">
    <span class="col-md-2 text-line">
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="color: #cb2027">*</span>图片位置:
    </span>
    <div class="form-group col-md-6">
      <select [(ngModel)]="type" class="form-control">
        <option value="1">PC端首页</option>
        <option value="2">移动端首页</option>
        <option value="3">PC端品牌</option>
        <option value="4">移动端品牌右</option>
      </select>
    </div>
    <!--<div class="col-md-6">-->
    <!---->
    <!--<input type="text" class="form-control" placeholder="请输入排序" >-->
    <!--</div>-->
  </div>

  <div class="row" style="padding-top: 30px">
    <span class="col-md-2 text-line">
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="color: #cb2027">*</span>上传图片:
    </span>
    <div>
      <app-cropper [rule]="(type == 2 || type == 4) ? 3/4 : 4/3" (updateCropperImg)="commodityPictures($event)"></app-cropper>
      <div class="col-md-3" style="position: relative" *ngIf="detailsPicture">
        <img style="width: 120px;height: 200px" src="{{cropperImg}}" class="btn-radius">
        <a href="Javascript:;" class="delete_btuttons" (click)="deleteimg(i)"><i class="icon-close"></i></a>
        <div class="uploads_buttons"  (click)="updateCroppersImg()">{{uploadpictures}}</div>
      </div>
      <div class="col-md-3">
        <button class="btn btn-radius btn-success" *ngIf="!detailsPicture"  (click)="updateCroppersImg()">{{uploadpictures}}</button>
      </div>
    </div>
  </div>

  <div class="row" style="padding-top: 30px;padding-bottom: 40px">
    <div class="col-md-2">

    </div>
    <div class="col-md-4" >
      <button class="btn btn-radius btn-secondary" (click)="returnList()">取消</button>
      <button style="margin-left: 20px" class="btn btn-radius btn-primary" (click)="bannerSave()">提交</button>
    </div>
  </div>

</div>